<!DOCTYPE html>
<html lang="en">

<head>

  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title>金天国际</title>
  <meta name="viewport" content="initial-scale=1, maximum-scale=1">
  <!-- <link rel="shortcut icon" href="http://favicon.ico"> -->
  <meta name="apple-mobile-web-app-capable" content="yes">
  <meta name="apple-mobile-web-app-status-bar-style" content="black">
  <meta name="viewport" content="width=device-width, height=device-height, user-scalable=no, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0">

  <!-- <link rel="stylesheet" href="../../css/animate.css"> -->
  <link rel="stylesheet" href="https://gitee.com/huaflower/JinTianGuoJiCommonFile/raw/master/css/sm.min.css">
  <link rel="stylesheet" href="https://gitee.com/huaflower/JinTianGuoJiCommonFile/raw/master/css/sm-extend.min.css">
  <link rel="stylesheet" href="https://gitee.com/huaflower/JinTianGuoJiCommonFile/raw/master/css/swiper.min.css">
  <script type="text/javascript" src="https://gitee.com/huaflower/JinTianGuoJiCommonFile/raw/master/common/common.js"></script>
  <link rel="stylesheet" href="https://gitee.com/huaflower/JinTianGuoJiCommonFile/raw/master/css/common.css">
  <link rel="stylesheet" href="https://gitee.com/huaflower/JinTianGuoJiCommonFile/raw/master/css/Home/recommend.css">
  <!-- <link rel="stylesheet" href="../../css/sm.min.css">
  <link rel="stylesheet" href="../../css/sm-extend.min.css">
  <link rel="stylesheet" href="../../css/swiper.min.css">
  <script type="text/javascript" src="../../common/common.js"></script>
  <link rel="stylesheet" href="../../css/common.css">
  <link rel="stylesheet" href="../../css/Home/recommend.css"> -->
</head>

<body>
  <div class="page-group">
    <div class="page">
      <!-- 推荐页面 -->
      <!-- 标题栏 -->
      <header id="headers" class="bar bar-nav">
        <div class="bar-box">
          <!-- <div class="bar-left">
            <img src="../../../img/home/back.png" alt="">
          </div> -->
          <div class="search-input searchs">
            <label class="icon icon-search" for="search"></label>
            <input type="search" id="search" placeholder="输入关键字..." />
          </div>
          <div class="bar-right">
            <!-- <img src="../../img/home/position.png" alt=""> -->
            <a href="#" id="search-cancel">提问</a>
          </div>
        </div>

        <!-- <div class="buttons-tab header-tab-nav">
            <a href="#tab1" class="tab-link active button">
              <span>问答</span>
            </a>
            <a href="#tab2" class="tab-link button">
              <span>推荐</span>
            </a>
            <a href="#tab3" class="tab-link button">
              <span>金讲堂</span>
            </a>
            <a href="#tab4" class="tab-link button">
              <span>名师录</span>
            </a>
            <a href="#tab5" class="tab-link button">
              <span>经典访谈</span>
            </a>
          </div> -->
      </header>

      <!-- 这里是页面内容区 -->
      <div class="content school-container">
        <!-- <div class="content pull-to-refresh-content infinite-scroll infinite-scroll-bottom" data-ptr-distance="50" data-distance="100"> -->

        <!-- 默认的下拉刷新层 -->
        <!-- <div class="pull-to-refresh-layer">
          <div class="preloader"></div>
          <div class="pull-to-refresh-arrow"></div>
        </div> -->

        <!-- 加载提示符 -->
        <!-- <div class="infinite-scroll-preloader">
            <div class="preloader"></div>
        </div> -->

        <!-- 标签页 -->
        <div class="buttons-tab tab-nav">
          <a id="tab-ask" href="#tab1" class="tab-link button">
            <span>问答</span>
          </a>
          <a id="tab-recommend" href="#tab2" class="tab-link active button">
            <span>推荐</span>
          </a>
          <a id="tab-classroom" href="#tab3" class="tab-link button">
            <span>金讲堂</span>
          </a>
          <a id="tab-teacher" href="#tab4" class="tab-link button">
            <span>名师录</span>
          </a>
          <a id="tab-interview" href="#tab5" class="tab-link button">
            <span>经典访谈</span>
          </a>
        </div>

        <section class="banner">
          <div class="swiper-container myswiper" id="swiper2">
            <div class="swiper-wrapper">
              <div class="swiper-slide">
                <img src="https://placekitten.com/640/320" alt="">
              </div>
              <div class="swiper-slide">
                <img src="https://placekitten.com/640/330" alt="">
              </div>
              <div class="swiper-slide">
                <img src="https://placekitten.com/640/340" alt="">
              </div>
            </div>
            <!-- 分页器 -->
            <div class="swiper-pagination"></div>
          </div>

          <div class="search-banner">
            <div class="search-input">
                <label class="icon icon-search" for="searched"></label>
              <input type="search" id="searched" placeholder="输入关键字..." />
            </div>
          </div>
        </section>

        <!-- 搜索结果-->
        <div class="container">
          <div class="tabs">
            <!-- 问答 -->
            <div id="tab1" class="tab infinite-scroll">
              <div class="ask">
                <div class="list-block media-list">
                  <ul class="list-container">
                    <li>
                      <a href="#" class="item-content card_box__content">
                        <div class="item-media">
                          <!-- <img src="http://gqianniu.alicdn.com/bao/uploaded/i4//tfscom/i3/TB10LfcHFXXXXXKXpXXXXXXXXXX_!!0-item_pic.jpg_250x250q60.jpg"
                            style="width: 4rem;"> -->
                        </div>
                        <div class="item-inner no-img">
                          <div class="item-title-row">
                            <div class="item-title">雪莲都有哪些功效？</div>
                            <div class="item-after"></div>
                          </div>
                          <div class="item-text">问题答案问题答案问题答案问题答案问题答案问题答案问题答案问题答案问题答案问题答案问题答案问题答案问题答案问题答案</div>
                          <div class="item-subtitle">
                            <span>赞25</span>
                            <span>观看人数125</span>
                          </div>
                        </div>
                      </a>
                    </li>
                    <li>
                      <div class="card-header no-border no-padding">雪莲都有哪些功效？</div>
                      <div valign="bottom" class="card-header color-white no-border no-padding">
                        <img class="card-cover" width="100%" src="https://placekitten.com/640/320" alt="">
                        <!-- <img class="card-cover" width="100%" src="//gqianniu.alicdn.com/bao/uploaded/i4//tfscom/i3/TB10LfcHFXXXXXKXpXXXXXXXXXX_!!0-item_pic.jpg_250x250q60.jpg"
                          alt=""> -->
                      </div>
                      <div class="card-content">
                        <div class="card-content-inner card_flex__inner">
                          <p class="desc">问题答案问题答案问题答案问题答案问题答案问题答案问题答案问题答案问题答案问题答案问题答案问题答案问题答案问题答案</p>
                          <div class="label-box">
                            <span>2018.11.05</span>
                            <span>赞25</span>
                            <span>观看数125</span>
                          </div>
                        </div>
                      </div>
                    </li>
                    <li>
                      <div class="card-header no-border no-padding">雪莲都有哪些功效？</div>
                      <div valign="bottom" class="card-header color-white no-border no-padding">
                        <img class="card-cover" width="100%" src="https://placekitten.com/640/320" alt="">
                        <!-- <img class="card-cover" width="100%" src="//gqianniu.alicdn.com/bao/uploaded/i4//tfscom/i3/TB10LfcHFXXXXXKXpXXXXXXXXXX_!!0-item_pic.jpg_250x250q60.jpg"
                          alt=""> -->
                      </div>
                      <div class="card-content">
                        <div class="card-content-inner card_flex__inner">
                          <p class="desc">问题答案问题答案问题答案问题答案问题答案问题答案问题答案问题答案问题答案问题答案问题答案问题答案问题答案问题答案</p>
                          <div class="label-box">
                            <span>2018.11.05</span>
                            <span>赞25</span>
                            <span>观看数125</span>
                          </div>
                        </div>
                      </div>
                    </li>
                    <li>
                      <div class="card-header no-border no-padding">雪莲都有哪些功效？</div>
                      <div valign="bottom" class="card-header color-white no-border no-padding">
                        <img class="card-cover" width="100%" src="https://placekitten.com/640/320" alt="">
                        <!-- <img class="card-cover" width="100%" src="//gqianniu.alicdn.com/bao/uploaded/i4//tfscom/i3/TB10LfcHFXXXXXKXpXXXXXXXXXX_!!0-item_pic.jpg_250x250q60.jpg"
                          alt=""> -->
                      </div>
                      <div class="card-content">
                        <div class="card-content-inner card_flex__inner">
                          <p class="desc">问题答案问题答案问题答案问题答案问题答案问题答案问题答案问题答案问题答案问题答案问题答案问题答案问题答案问题答案</p>
                          <div class="label-box">
                            <span>2018.11.05</span>
                            <span>赞25</span>
                            <span>观看数125</span>
                          </div>
                        </div>
                      </div>
                    </li>
                  </ul>
                </div>
                <!-- 加载提示符 -->
                <div class="infinite-scroll-preloader">
                  <div class="preloader">
                  </div>
                </div>
              </div>
            </div>
            <!-- 推荐 -->
            <div id="tab2" class="tab active infinite-scroll">
              <div class="recommends">
                <div class="list-block media-list">
                  <ul class="list-container">
                    <li>
                      <a href="#" class="item-content card_box__content">
                        <div class="item-media">
                          <img src="http://gqianniu.alicdn.com/bao/uploaded/i4//tfscom/i3/TB10LfcHFXXXXXKXpXXXXXXXXXX_!!0-item_pic.jpg_250x250q60.jpg"
                            style="width: 4rem;">
                        </div>
                        <div class="item-inner">
                          <div class="item-title-row">
                            <div class="item-title">大标题</div>
                            <div class="item-after"></div>
                          </div>
                          <div class="item-text">此处是文本内容...</div>
                          <div class="item-subtitle card_box__content_subtile">
                            <span>2018.11.05</span>
                            <span>赞25</span>
                            <span>观看人数125</span>
                          </div>
                        </div>
                      </a>
                    </li>
                    <li>
                      <a href="#" class="item-content card_box__content">
                        <div class="item-media">
                          <img src="http://gqianniu.alicdn.com/bao/uploaded/i4//tfscom/i3/TB10LfcHFXXXXXKXpXXXXXXXXXX_!!0-item_pic.jpg_250x250q60.jpg"
                            style="width: 4rem;">
                        </div>
                        <div class="item-inner">
                          <div class="item-title-row">
                            <div class="item-title">大标题</div>
                            <div class="item-after"></div>
                          </div>
                          <div class="item-text">此处是文本内容...</div>
                          <div class="item-subtitle card_box__content_subtile">
                            <span>2018.11.05</span>
                            <span>赞25</span>
                            <span>观看人数125</span>
                          </div>
                        </div>
                      </a>
                    </li>
                    <li>
                      <a href="#" class="item-content card_box__content">
                        <div class="item-media">
                          <!-- <img src="http://gqianniu.alicdn.com/bao/uploaded/i4//tfscom/i3/TB10LfcHFXXXXXKXpXXXXXXXXXX_!!0-item_pic.jpg_250x250q60.jpg"
                            style="width: 4rem;"> -->
                        </div>
                        <div class="item-inner no-img">
                          <div class="item-title-row">
                            <div class="item-title">大标题</div>
                            <div class="item-after"></div>
                          </div>
                          <div class="item-text">此处是文本内容...</div>
                          <div class="item-subtitle">
                            <span>2018.11.05</span>
                            <span>赞25</span>
                            <span>观看人数125</span>
                          </div>
                        </div>
                      </a>
                    </li>
                    <li>
                      <div class="card-header no-border no-padding">大标题大标题大标题</div>
                      <div valign="bottom" class="card-header color-white no-border no-padding">
                        <img class="card-cover" width="100%" src="https://placekitten.com/640/320" alt="">
                        <!-- <img class="card-cover" width="100%" src="//gqianniu.alicdn.com/bao/uploaded/i4//tfscom/i3/TB10LfcHFXXXXXKXpXXXXXXXXXX_!!0-item_pic.jpg_250x250q60.jpg"
                          alt=""> -->
                      </div>
                      <div class="card-content">
                        <div class="card-content-inner card_flex__inner">
                          <p class="desc">内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容</p>
                          <div class="label-box">
                            <span>2018.11.05</span>
                            <span>赞25</span>
                            <span>观看数125</span>
                          </div>
                        </div>
                      </div>
                    </li>
                    <li>
                      <a href="#" class="item-content card_box__content">
                        <div class="item-media">
                          <!-- <img src="http://gqianniu.alicdn.com/bao/uploaded/i4//tfscom/i3/TB10LfcHFXXXXXKXpXXXXXXXXXX_!!0-item_pic.jpg_250x250q60.jpg"
                              style="width: 4rem;"> -->
                        </div>
                        <div class="item-inner no-img">
                          <div class="item-title-row">
                            <div class="item-title">大标题</div>
                            <div class="item-after"></div>
                          </div>
                          <div class="item-text">内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容</div>
                          <div class="item-subtitle">
                            <span>2018.11.05</span>
                            <span>赞25</span>
                            <span>观看人数125</span>
                          </div>
                        </div>
                      </a>
                    </li>
                    <li>
                      <div class="teacher">
                        <div class="teacher-box">
                          <div class="swiper-container" id="swiper1">
                            <div class="swiper-wrapper">
                              <div class="swiper-slide">
                                <section class="teacher-card">
                                  <img src="http://gqianniu.alicdn.com/bao/uploaded/i4//tfscom/i3/TB10LfcHFXXXXXKXpXXXXXXXXXX_!!0-item_pic.jpg_250x250q60.jpg"
                                    alt="">
                                  <div class="teacher-title">
                                    <span>姓名</span>
                                    <span class="desc">简介简介简介简介简介简介简介简介简介简介简介简介简介简介</span>
                                  </div>
                                  <a href="#" class="button button-fill button-danger">关注</a>
                                  <a href="#" class="closed">&times;</a>
                                </section>
                              </div>
                              <div class="swiper-slide">
                                <section class="teacher-card">
                                  <img src="http://gqianniu.alicdn.com/bao/uploaded/i4//tfscom/i3/TB10LfcHFXXXXXKXpXXXXXXXXXX_!!0-item_pic.jpg_250x250q60.jpg"
                                    alt="">
                                  <div class="teacher-title">
                                    <span>姓名</span>
                                    <span class="desc">简介简介简介简介简介简介简介简介简介简介简介简介简介简介</span>
                                  </div>
                                  <a href="#" class="button button-fill button-danger">关注</a>
                                  <a href="#" class="closed">&times;</a>
                                </section>
                              </div>
                              <div class="swiper-slide">
                                <section class="teacher-card">
                                  <img src="http://gqianniu.alicdn.com/bao/uploaded/i4//tfscom/i3/TB10LfcHFXXXXXKXpXXXXXXXXXX_!!0-item_pic.jpg_250x250q60.jpg"
                                    alt="">
                                  <div class="teacher-title">
                                    <span>姓名</span>
                                    <span class="desc">简介简介简介简介简介简介简介简介简介简介简介简介简介简介</span>
                                  </div>
                                  <a href="#" class="button button-fill button-danger">关注</a>
                                  <a href="#" class="closed">&times;</a>
                                </section>
                              </div>
                              <div class="swiper-slide">
                                <section class="teacher-card">
                                  <img src="http://gqianniu.alicdn.com/bao/uploaded/i4//tfscom/i3/TB10LfcHFXXXXXKXpXXXXXXXXXX_!!0-item_pic.jpg_250x250q60.jpg"
                                    alt="">
                                  <div class="teacher-title">
                                    <span>姓名</span>
                                    <span class="desc">简介简介简介简介简介简介简介简介简介简介简介简介简介简介</span>
                                  </div>
                                  <a href="#" class="button button-fill button-danger">关注</a>
                                  <a href="#" class="closed">&times;</a>
                                </section>
                              </div>
                              <div class="swiper-slide">
                                <section class="teacher-card">
                                  <img src="http://gqianniu.alicdn.com/bao/uploaded/i4//tfscom/i3/TB10LfcHFXXXXXKXpXXXXXXXXXX_!!0-item_pic.jpg_250x250q60.jpg"
                                    alt="">
                                  <div class="teacher-title">
                                    <span>姓名</span>
                                    <span class="desc">简介简介简介简介简介简介简介简介简介简介简介简介简介简介</span>
                                  </div>
                                  <a href="#" class="button button-fill button-danger">关注</a>
                                  <a href="#" class="closed">&times;</a>
                                </section>
                              </div>

                              <div class="swiper-slide">
                                <section class="teacher-card lastchild">
                                  <div class="more"><img src="https://gitee.com/huaflower/JinTianGuoJiCommonFile/raw/master/img/home/seemore.png" alt=""></div>
                                  <p>查看更多</p>
                                </section>
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>
                    </li>
                    <li>
                      <div class="card-header no-border no-padding">大标题大标题大标题</div>
                      <div valign="bottom" class="card-header color-white no-border no-padding">
                        <img class="card-cover" width="100%" src="https://placekitten.com/640/320" alt="">
                        <!-- <img class="card-cover" width="100%" src="//gqianniu.alicdn.com/bao/uploaded/i4//tfscom/i3/TB10LfcHFXXXXXKXpXXXXXXXXXX_!!0-item_pic.jpg_250x250q60.jpg"
                            alt=""> -->
                      </div>
                      <div class="card-content">
                        <div class="card-content-inner card_flex__inner">
                          <p class="desc">内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容</p>
                          <div class="label-box">
                            <span>2018.11.05</span>
                            <span>赞25</span>
                            <span>观看数125</span>
                          </div>
                        </div>
                      </div>
                    </li>
                    <li>
                      <a href="#" class="item-content card_box__content">
                        <div class="item-media">
                          <!-- <img src="http://gqianniu.alicdn.com/bao/uploaded/i4//tfscom/i3/TB10LfcHFXXXXXKXpXXXXXXXXXX_!!0-item_pic.jpg_250x250q60.jpg"
                                style="width: 4rem;"> -->
                        </div>
                        <div class="item-inner no-img">
                          <div class="item-title-row">
                            <div class="item-title">大标题</div>
                            <div class="item-after"></div>
                          </div>
                          <div class="item-text">内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容</div>
                          <div class="item-subtitle">
                            <span>2018.11.05</span>
                            <span>赞25</span>
                            <span>观看人数125</span>
                          </div>
                        </div>
                      </a>
                    </li>
                  </ul>
                </div>
                <!-- 加载提示符 -->
                <div class="infinite-scroll-preloader">
                  <div class="preloader">
                  </div>
                </div>
              </div>
            </div>
            <!-- 金讲堂 -->
            <div id="tab3" class="tab infinite-scroll">
              <div class="classroom">
                <div class="list-block media-list">
                  <ul class="list-container">
                    <li>
                      <a href="#" class="item-content card_box__content">
                        <div class="item-media">
                          <img src="http://gqianniu.alicdn.com/bao/uploaded/i4//tfscom/i3/TB10LfcHFXXXXXKXpXXXXXXXXXX_!!0-item_pic.jpg_250x250q60.jpg"
                            style="width: 4rem;">
                        </div>
                        <div class="item-inner">
                          <div class="item-title-row">
                            <div class="item-title">大标题</div>
                            <div class="item-after"></div>
                          </div>
                          <div class="item-text">此处是文本内容...</div>
                          <div class="item-subtitle card_box__content_subtile">
                            <span>2018.11.05</span>
                            <span>赞25</span>
                            <span>观看人数125</span>
                          </div>
                        </div>
                      </a>
                    </li>
                    <li>
                      <a href="#" class="item-content card_box__content">
                        <div class="item-media">
                          <img src="http://gqianniu.alicdn.com/bao/uploaded/i4//tfscom/i3/TB10LfcHFXXXXXKXpXXXXXXXXXX_!!0-item_pic.jpg_250x250q60.jpg"
                            style="width: 4rem;">
                        </div>
                        <div class="item-inner">
                          <div class="item-title-row">
                            <div class="item-title">大标题</div>
                            <div class="item-after"></div>
                          </div>
                          <div class="item-text">此处是文本内容...</div>
                          <div class="item-subtitle card_box__content_subtile">
                            <span>2018.11.05</span>
                            <span>赞25</span>
                            <span>观看人数125</span>
                          </div>
                        </div>
                      </a>
                    </li>
                    <li>
                      <a href="#" class="item-content card_box__content">
                        <div class="item-media">
                          <!-- <img src="http://gqianniu.alicdn.com/bao/uploaded/i4//tfscom/i3/TB10LfcHFXXXXXKXpXXXXXXXXXX_!!0-item_pic.jpg_250x250q60.jpg"
                                style="width: 4rem;"> -->
                        </div>
                        <div class="item-inner no-img">
                          <div class="item-title-row">
                            <div class="item-title">大标题</div>
                            <div class="item-after"></div>
                          </div>
                          <div class="item-text">内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容内容简介</div>
                          <div class="item-subtitle">
                            <span>2018.11.05</span>
                            <span>赞25</span>
                            <span>观看人数125</span>
                          </div>
                        </div>
                      </a>
                    </li>
                    <li>
                      <div class="card-header no-border no-padding">大标题大标题大标题</div>
                      <div valign="bottom" class="card-header color-white no-border no-padding">
                        <img class="card-cover" width="100%" src="https://placekitten.com/640/320" alt="">
                        <!-- <img class="card-cover" width="100%" src="//gqianniu.alicdn.com/bao/uploaded/i4//tfscom/i3/TB10LfcHFXXXXXKXpXXXXXXXXXX_!!0-item_pic.jpg_250x250q60.jpg"
                              alt=""> -->
                      </div>
                      <div class="card-content">
                        <div class="card-content-inner card_flex__inner">
                          <p class="desc">内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容</p>
                          <div class="label-box">
                            <span>2018.11.05</span>
                            <span>赞25</span>
                            <span>观看数125</span>
                          </div>
                        </div>
                      </div>
                    </li>
                    <li>
                      <a href="#" class="item-content card_box__content">
                        <div class="item-media">
                          <!-- <img src="http://gqianniu.alicdn.com/bao/uploaded/i4//tfscom/i3/TB10LfcHFXXXXXKXpXXXXXXXXXX_!!0-item_pic.jpg_250x250q60.jpg"
                                style="width: 4rem;"> -->
                        </div>
                        <div class="item-inner no-img">
                          <div class="item-title-row">
                            <div class="item-title">大标题</div>
                            <div class="item-after"></div>
                          </div>
                          <div class="item-text">内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容内容简介</div>
                          <div class="item-subtitle">
                            <span>2018.11.05</span>
                            <span>赞25</span>
                            <span>观看人数125</span>
                          </div>
                        </div>
                      </a>
                    </li>
                    <li>
                        <a href="#" class="item-content card_box__content">
                          <div class="item-media">
                            <img src="http://gqianniu.alicdn.com/bao/uploaded/i4//tfscom/i3/TB10LfcHFXXXXXKXpXXXXXXXXXX_!!0-item_pic.jpg_250x250q60.jpg"
                              style="width: 4rem;">
                          </div>
                          <div class="item-inner">
                            <div class="item-title-row">
                              <div class="item-title">大标题</div>
                              <div class="item-after"></div>
                            </div>
                            <div class="item-text">此处是文本内容...</div>
                            <div class="item-subtitle card_box__content_subtile">
                              <span>2018.11.05</span>
                              <span>赞25</span>
                              <span>观看人数125</span>
                            </div>
                          </div>
                        </a>
                    </li>
                    <li>
                      <a href="#" class="item-content card_box__content">
                        <div class="item-media">
                          <img src="http://gqianniu.alicdn.com/bao/uploaded/i4//tfscom/i3/TB10LfcHFXXXXXKXpXXXXXXXXXX_!!0-item_pic.jpg_250x250q60.jpg"
                            style="width: 4rem;">
                        </div>
                        <div class="item-inner">
                          <div class="item-title-row">
                            <div class="item-title">大标题</div>
                            <div class="item-after"></div>
                          </div>
                          <div class="item-text">此处是文本内容...</div>
                          <div class="item-subtitle card_box__content_subtile">
                            <span>2018.11.05</span>
                            <span>赞25</span>
                            <span>观看人数125</span>
                          </div>
                        </div>
                      </a>
                    </li>
                    <li>
                      <a href="#" class="item-content card_box__content">
                        <div class="item-media">
                          <!-- <img src="http://gqianniu.alicdn.com/bao/uploaded/i4//tfscom/i3/TB10LfcHFXXXXXKXpXXXXXXXXXX_!!0-item_pic.jpg_250x250q60.jpg"
                                style="width: 4rem;"> -->
                        </div>
                        <div class="item-inner no-img">
                          <div class="item-title-row">
                            <div class="item-title">大标题</div>
                            <div class="item-after"></div>
                          </div>
                          <div class="item-text">内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容内容简介</div>
                          <div class="item-subtitle">
                            <span>2018.11.05</span>
                            <span>赞25</span>
                            <span>观看人数125</span>
                          </div>
                        </div>
                      </a>
                    </li>
                  </ul>
                </div>
                <!-- 加载提示符 -->
                <div class="infinite-scroll-preloader">
                  <div class="preloader">
                  </div>
                </div>
              </div>
            </div>
            <!-- 名师录 -->
            <div id="tab4" class="tab">
              <div class="teacher">
                <div class="list-block media-list">
                  <ul>
                  <!-- <ul class="list-container"> -->
                    <li>
                      <a href="#" class="item-content card_box__content">
                        <div class="item-media">
                          <img src="http://gqianniu.alicdn.com/bao/uploaded/i4//tfscom/i3/TB10LfcHFXXXXXKXpXXXXXXXXXX_!!0-item_pic.jpg_250x250q60.jpg"
                            style="width: 4rem;">
                        </div>
                        <div class="item-inner">
                          <div class="item-title-row">
                            <div class="item-title">大标题</div>
                            <div class="item-after"></div>
                          </div>
                          <div class="item-text">此处是文本内容...</div>
                          <div class="item-subtitle card_box__content_subtile">
                            <span>2018.11.05</span>
                            <span>赞25</span>
                            <span>观看人数125</span>
                          </div>
                        </div>
                      </a>
                    </li>
                    <li>
                      <a href="#" class="item-content card_box__content">
                        <div class="item-media">
                          <img src="http://gqianniu.alicdn.com/bao/uploaded/i4//tfscom/i3/TB10LfcHFXXXXXKXpXXXXXXXXXX_!!0-item_pic.jpg_250x250q60.jpg"
                            style="width: 4rem;">
                        </div>
                        <div class="item-inner">
                          <div class="item-title-row">
                            <div class="item-title">大标题</div>
                            <div class="item-after"></div>
                          </div>
                          <div class="item-text">此处是文本内容...</div>
                          <div class="item-subtitle card_box__content_subtile">
                            <span>2018.11.05</span>
                            <span>赞25</span>
                            <span>观看人数125</span>
                          </div>
                        </div>
                      </a>
                    </li>
                    <li>
                      <a href="#" class="item-content card_box__content">
                        <div class="item-media">
                          <!-- <img src="http://gqianniu.alicdn.com/bao/uploaded/i4//tfscom/i3/TB10LfcHFXXXXXKXpXXXXXXXXXX_!!0-item_pic.jpg_250x250q60.jpg"
                                style="width: 4rem;"> -->
                        </div>
                        <div class="item-inner no-img">
                          <div class="item-title-row">
                            <div class="item-title">大标题</div>
                            <div class="item-after"></div>
                          </div>
                          <div class="item-text">内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容内容简介</div>
                          <div class="item-subtitle">
                            <span>2018.11.05</span>
                            <span>赞25</span>
                            <span>观看人数125</span>
                          </div>
                        </div>
                      </a>
                    </li>
                    <li>
                      <div class="card-header no-border no-padding">大标题大标题大标题</div>
                      <div valign="bottom" class="card-header color-white no-border no-padding">
                        <img class="card-cover" width="100%" src="https://placekitten.com/640/320" alt="">
                        <!-- <img class="card-cover" width="100%" src="//gqianniu.alicdn.com/bao/uploaded/i4//tfscom/i3/TB10LfcHFXXXXXKXpXXXXXXXXXX_!!0-item_pic.jpg_250x250q60.jpg"
                              alt=""> -->
                      </div>
                      <div class="card-content">
                        <div class="card-content-inner card_flex__inner">
                          <p class="desc">内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容</p>
                          <div class="label-box">
                            <span>2018.11.05</span>
                            <span>赞25</span>
                            <span>观看数125</span>
                          </div>
                        </div>
                      </div>
                    </li>
                    <li>
                      <a href="#" class="item-content card_box__content">
                        <div class="item-media">
                          <!-- <img src="http://gqianniu.alicdn.com/bao/uploaded/i4//tfscom/i3/TB10LfcHFXXXXXKXpXXXXXXXXXX_!!0-item_pic.jpg_250x250q60.jpg"
                                style="width: 4rem;"> -->
                        </div>
                        <div class="item-inner no-img">
                          <div class="item-title-row">
                            <div class="item-title">大标题</div>
                            <div class="item-after"></div>
                          </div>
                          <div class="item-text">内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容内容简介</div>
                          <div class="item-subtitle">
                            <span>2018.11.05</span>
                            <span>赞25</span>
                            <span>观看人数125</span>
                          </div>
                        </div>
                      </a>
                    </li>
                  </ul>
                </div>
                <div class="teacherlist">
                  <div class="teacherlist-header"><span>名师推荐</span> <a href="#">全部</a></div>
                  <div class="row">
                    <div class="col-50">
                      <div class="card-flex-box">
                        <div valign="bottom" class="card-header color-white no-border no-padding">
                          <img class="card-cover" src="http://placekitten.com/100/100" alt="" >
                          <!-- <img class="card-cover" src="//gqianniu.alicdn.com/bao/uploaded/i4//tfscom/i3/TB10LfcHFXXXXXKXpXXXXXXXXXX_!!0-item_pic.jpg_250x250q60.jpg" alt="" > -->
                        </div>
                        <div class="card-content">
                          <div class="card-content-inner card_flex__inner">
                            <p class="desc">名师简介</p>
                          </div>
                        </div>
                      </div>
                    </div>
                    <div class="col-50">
                      <div class="card-flex-box">
                        <div valign="bottom" class="card-header color-white no-border no-padding">
                          <img class="card-cover" src="http://placekitten.com/100/100" alt="" >
                          <!-- <img class="card-cover" src="//gqianniu.alicdn.com/bao/uploaded/i4//tfscom/i3/TB10LfcHFXXXXXKXpXXXXXXXXXX_!!0-item_pic.jpg_250x250q60.jpg" alt="" > -->
                        </div>
                        <div class="card-content">
                          <div class="card-content-inner card_flex__inner">
                            <p class="desc">名师简介</p>
                          </div>
                        </div>
                      </div>
                    </div>
                    <div class="col-50">
                      <div class="card-flex-box">
                        <div valign="bottom" class="card-header color-white no-border no-padding">
                          <img class="card-cover" src="http://placekitten.com/100/100" alt="" >
                          <!-- <img class="card-cover" src="//gqianniu.alicdn.com/bao/uploaded/i4//tfscom/i3/TB10LfcHFXXXXXKXpXXXXXXXXXX_!!0-item_pic.jpg_250x250q60.jpg" alt="" > -->
                        </div>
                        <div class="card-content">
                          <div class="card-content-inner card_flex__inner">
                            <p class="desc">名师简介</p>
                          </div>
                        </div>
                      </div>
                    </div>
                    <div class="col-50">
                      <div class="card-flex-box">
                        <div valign="bottom" class="card-header color-white no-border no-padding">
                          <img class="card-cover" src="http://placekitten.com/100/100" alt="" >
                          <!-- <img class="card-cover" src="//gqianniu.alicdn.com/bao/uploaded/i4//tfscom/i3/TB10LfcHFXXXXXKXpXXXXXXXXXX_!!0-item_pic.jpg_250x250q60.jpg" alt="" > -->
                        </div>
                        <div class="card-content">
                          <div class="card-content-inner card_flex__inner">
                            <p class="desc">名师简介</p>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <!-- 加载提示符 -->
                <!-- <div class="infinite-scroll-preloader">
                  <div class="preloader">
                  </div>
                </div> -->
              </div>
            </div>
            <!-- 经典访谈 -->
            <div id="tab5" class="tab infinite-scroll">
              <div class="interview">
                <div class="list-block media-list">
                    <ul class="list-container">
                      <li>
                        <a href="#" class="item-content card_box__content">
                          <div class="item-media">
                            <img src="http://gqianniu.alicdn.com/bao/uploaded/i4//tfscom/i3/TB10LfcHFXXXXXKXpXXXXXXXXXX_!!0-item_pic.jpg_250x250q60.jpg"
                              style="width: 4rem;">
                          </div>
                          <div class="item-inner">
                            <div class="item-title-row">
                              <div class="item-title">大标题</div>
                              <div class="item-after"></div>
                            </div>
                            <div class="item-text">此处是文本内容...</div>
                            <div class="item-subtitle card_box__content_subtile">
                              <span>2018.11.05</span>
                              <span>赞25</span>
                              <span>观看人数125</span>
                            </div>
                          </div>
                        </a>
                      </li>
                      <li>
                        <a href="#" class="item-content card_box__content">
                          <div class="item-media">
                            <img src="http://gqianniu.alicdn.com/bao/uploaded/i4//tfscom/i3/TB10LfcHFXXXXXKXpXXXXXXXXXX_!!0-item_pic.jpg_250x250q60.jpg"
                              style="width: 4rem;">
                          </div>
                          <div class="item-inner">
                            <div class="item-title-row">
                              <div class="item-title">大标题</div>
                              <div class="item-after"></div>
                            </div>
                            <div class="item-text">此处是文本内容...</div>
                            <div class="item-subtitle card_box__content_subtile">
                              <span>2018.11.05</span>
                              <span>赞25</span>
                              <span>观看人数125</span>
                            </div>
                          </div>
                        </a>
                      </li>
                      <li>
                        <a href="#" class="item-content card_box__content">
                          <div class="item-media">
                            <!-- <img src="http://gqianniu.alicdn.com/bao/uploaded/i4//tfscom/i3/TB10LfcHFXXXXXKXpXXXXXXXXXX_!!0-item_pic.jpg_250x250q60.jpg"
                                  style="width: 4rem;"> -->
                          </div>
                          <div class="item-inner no-img">
                            <div class="item-title-row">
                              <div class="item-title">大标题</div>
                              <div class="item-after"></div>
                            </div>
                            <div class="item-text">内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容内容简介</div>
                            <div class="item-subtitle">
                              <span>2018.11.05</span>
                              <span>赞25</span>
                              <span>观看人数125</span>
                            </div>
                          </div>
                        </a>
                      </li>
                      <li>
                        <div class="card-header no-border no-padding">大标题大标题大标题</div>
                        <div valign="bottom" class="card-header color-white no-border no-padding">
                          <img class="card-cover" width="100%" src="https://placekitten.com/640/320" alt="">
                          <!-- <img class="card-cover" width="100%" src="//gqianniu.alicdn.com/bao/uploaded/i4//tfscom/i3/TB10LfcHFXXXXXKXpXXXXXXXXXX_!!0-item_pic.jpg_250x250q60.jpg"
                                alt=""> -->
                        </div>
                        <div class="card-content">
                          <div class="card-content-inner card_flex__inner">
                            <p class="desc">内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容</p>
                            <div class="label-box">
                              <span>2018.11.05</span>
                              <span>赞25</span>
                              <span>观看数125</span>
                            </div>
                          </div>
                        </div>
                      </li>
                      <li>
                        <a href="#" class="item-content card_box__content">
                          <div class="item-media">
                            <!-- <img src="http://gqianniu.alicdn.com/bao/uploaded/i4//tfscom/i3/TB10LfcHFXXXXXKXpXXXXXXXXXX_!!0-item_pic.jpg_250x250q60.jpg"
                                  style="width: 4rem;"> -->
                          </div>
                          <div class="item-inner no-img">
                            <div class="item-title-row">
                              <div class="item-title">大标题</div>
                              <div class="item-after"></div>
                            </div>
                            <div class="item-text">内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容内容简介</div>
                            <div class="item-subtitle">
                              <span>2018.11.05</span>
                              <span>赞25</span>
                              <span>观看人数125</span>
                            </div>
                          </div>
                        </a>
                      </li>
                      <li>
                          <a href="#" class="item-content card_box__content">
                            <div class="item-media">
                              <img src="http://gqianniu.alicdn.com/bao/uploaded/i4//tfscom/i3/TB10LfcHFXXXXXKXpXXXXXXXXXX_!!0-item_pic.jpg_250x250q60.jpg"
                                style="width: 4rem;">
                            </div>
                            <div class="item-inner">
                              <div class="item-title-row">
                                <div class="item-title">大标题</div>
                                <div class="item-after"></div>
                              </div>
                              <div class="item-text">此处是文本内容...</div>
                              <div class="item-subtitle card_box__content_subtile">
                                <span>2018.11.05</span>
                                <span>赞25</span>
                                <span>观看人数125</span>
                              </div>
                            </div>
                          </a>
                      </li>
                      <li>
                        <a href="#" class="item-content card_box__content">
                          <div class="item-media">
                            <img src="http://gqianniu.alicdn.com/bao/uploaded/i4//tfscom/i3/TB10LfcHFXXXXXKXpXXXXXXXXXX_!!0-item_pic.jpg_250x250q60.jpg"
                              style="width: 4rem;">
                          </div>
                          <div class="item-inner">
                            <div class="item-title-row">
                              <div class="item-title">大标题</div>
                              <div class="item-after"></div>
                            </div>
                            <div class="item-text">此处是文本内容...</div>
                            <div class="item-subtitle card_box__content_subtile">
                              <span>2018.11.05</span>
                              <span>赞25</span>
                              <span>观看人数125</span>
                            </div>
                          </div>
                        </a>
                      </li>
                      <li>
                        <a href="#" class="item-content card_box__content">
                          <div class="item-media">
                            <!-- <img src="http://gqianniu.alicdn.com/bao/uploaded/i4//tfscom/i3/TB10LfcHFXXXXXKXpXXXXXXXXXX_!!0-item_pic.jpg_250x250q60.jpg"
                                  style="width: 4rem;"> -->
                          </div>
                          <div class="item-inner no-img">
                            <div class="item-title-row">
                              <div class="item-title">大标题</div>
                              <div class="item-after"></div>
                            </div>
                            <div class="item-text">内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容内容简介</div>
                            <div class="item-subtitle">
                              <span>2018.11.05</span>
                              <span>赞25</span>
                              <span>观看人数125</span>
                            </div>
                          </div>
                        </a>
                      </li>
                    </ul>
                </div>
                <!-- 加载提示符 -->
                <div class="infinite-scroll-preloader">
                  <div class="preloader">
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>


      </div>
      <div class="top top_fixed">
        <a id="tops" href="#">回顶部</a>
      </div>
    </div>
  </div>
  <!-- ! 固定的js引用，所有的jQuery 要用 $$ 表示 -->
  <script type="text/javascript" src="https://gitee.com/huaflower/JinTianGuoJiCommonFile/raw/master/js/jquery-1.11.1.min.js"></script>
  <!-- 这一行代码是为了 避免js冲突 -->
  <script type="text/javascript">
    var $$ = jQuery.noConflict();
  </script>

  <script type="text/javascript" src="https://gitee.com/huaflower/JinTianGuoJiCommonFile/raw/master/zepto/zepto.min.js"
    charset="utf-8"></script>
  <script type="text/javascript" src="https://gitee.com/huaflower/JinTianGuoJiCommonFile/raw/master/js/sm.min.js"
    charset="utf-8"></script>
  <!-- <script type="text/javascript" src="https://gitee.com/huaflower/JinTianGuoJiCommonFile/raw/master/js/sm-extend.min.js" charset="utf-8"></script> -->
  <script src="https://gitee.com/huaflower/JinTianGuoJiCommonFile/raw/master/js/swiper/swiper.min.js"></script>
  <script src="https://gitee.com/huaflower/JinTianGuoJiCommonFile/raw/master/js/Home/recommend.js"></script>
  <!-- <script src="../../js/Home/recommend.js"></script> -->
  <script type="text/javascript">
    //放函数区域
  </script>
</body>

</html>